<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <title>HEVC 与 x264 笔记</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">

  <!-- mermaid css -->
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css">

  <!-- theme -->
  <link rel="stylesheet" href="vendor/themes/vue.css">
  <!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple.css"> -->
  <!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/buble.css"> -->

  <!-- prism: code highlight -->
  <!-- <link href="//cdn.jsdelivr.net/npm/prismjs@1/themes/prism.css" rel="stylesheet" /> -->
  <link href="//cdn.jsdelivr.net/npm/prismjs@1/themes/prism-coy.css" rel="stylesheet" />

  <!-- font  -->
  <style type="text/css">
    body {
      font-family:-apple-system, "Microsoft YaHei", system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", sans-serif;
      font-size: 16px;
    }
    .sidebar ul li a {
      font-size: 16px;
    }
  </style>

</head>
<body>
  <nav>
    <a href="#/docs/x264/README.md">x264</a>
    <a href="#/docs/x265/README.md">x265</a>
    <a href="#/docs/HEVC/README.md">HEVC</a>
  </nav>

  <div style="font-size:14px;width:80%;margin-top:10%;margin-bottom:auto;" id="app">
    <h3>学习视频编码</h3>
    滚滚长江东逝水，浪花流去时光。若能学习视频编码，便可以此来丰富人生，使其精彩。莎士比亚曾说：“那脑袋里的智慧，就像打火石里的火花一样，不去打它是不肯出来的。”要让智慧出来，你要学习视频编码。<br/></br>

    著名诗人于坚曾说：“这是一个喧嚣的时代，内心宁静如古瓶的人不多。”学习视频编码方能保持内心宁静。翻开厚厚的史书，映入我们眼帘的，正是那些学习视频编码，勇往直前的人。<br/></br>

    视频编码，是每个人人生必须学习的必修课。正确对待视频编码，可以让我们看到未来，看到希望，看到远方。扶贫干部陈家顺，学习视频编码，为乡亲卧底，你吃遍所有的苦，为百姓打工，你换来群众最多的甜。你乔装改扮，却藏不住心底最深的惦念；你隐姓埋名，可我们都知道你是谁，为了谁。假如他没有学习视频编码，就不会为此而奋斗，就难以成为人生的赢家。<br/></br>

    视频编码，能让生命焕发出蓬勃的力量。学习视频编码，才会有水滴石穿的精神，永不间断的前行。台湾爱国老兵高秉涵，学习视频编码，海峡浅浅，明月弯弯。一封家书，一张船票，一生的想念。相隔倍觉离乱苦，近乡更知故土甜。少小离家，如今你回来了，双手颤抖，你捧着的不是老兵的遗骨，一坛又一坛，都是满满的乡愁。可见只有学习视频编码，才会集中自己的力量，实现自己的目标，才会让人生光彩夺目<br/></br>

    视频编码，是古今成大事者的标准配置。只有学习视频编码，才能朝着目标奔跑。有了视频编码，就不会在人生的道路上迷失自我。孝更绝伦，背母上学的老师陈斌强，学习视频编码，小时候，这根布带就是母爱，妈妈用它背着你。长大了，这布带是儿子的深情，你用它背着妈妈。有一天，妈妈的记忆走远了，但爱不会，它在儿女的臂膀上一代代传承。假如他不学习视频编码，就不可能取得如此辉煌的成就。<br/></br>

    当广袤无垠的天幕上缀满星星时，你也许会感叹，人生真是短暂。学习视频编码我们才能让自己做得最好，我们的生活才会更加美好。<br/></br>

    吾辈青年，当学习视频编码。“既然今天，没人识得星星一颗，那么明日，何妨做皓月一轮。 ”汪国真的这句话发人深省，我们要学习视频编码，照亮这个世界。只有这样，才可应对新的斗争，战胜“拦路虎”，踢开“绊脚石”，到达“光明顶”。<br/></br>
  </div>

  <!-- mermaid script-->
  <script src="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>

  <script>
    // mermaid init
    var num = 0;
    mermaid.initialize({ startOnLoad: false });

    window.$docsify = {
      name: 'HEVC NOTES',
      repo: 'https://github.com/zllz4/HEVC-notes',
      loadSidebar: true,
      subMaxLevel: 4,
      nativeEmoji: true,
      // mermaid render
      markdown: {
        renderer: {
          code: function(code, lang) {
            if (lang === "mermaid") {
              return (
                '<div class="mermaid">' + mermaid.render('mermaid-svg-' + num++, code) + "</div>"
              );
            }
            return this.origin.code.apply(this, arguments);
          }
        }
      },
      count:{
        countable:true,
        fontsize:'0.9em',
        color:'rgb(90,90,90)',
        language:'chinese'
      },
      search: {
                    maxAge: 86400000, // Expiration time, the default one day
                    paths: 'auto',
                    placeholder: '搜索内容',
                    noData: '没有结果',
                    // Headline depth, 1 - 6
                    depth: 6,
                    hideOtherSidebarContent: false, // whether or not to hide other sidebar content
      }
      // plugins: [
      //   function(hook, vm) { //让图片居中显示
      //     hook.afterEach(function(html) {
      //       return html.replace(/<p><img/g, '<p style="text-align:center"><img') //图片居中
      //           .replace(/class="mermaid"/g, 'class="mermaid" style="text-align:center"') //让使用mermaid画流程图居中
      //     });
      //   }
      // ], 
    }
  </script>

  <!-- Docsify v4 -->
  <script src="vendor/docsify.js"></script>
  
  <!-- klatex support -->
  <script src="//cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.js"></script>
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css" />
  <script src="//cdn.jsdelivr.net/npm/marked@4"></script>

  <!-- CDN files for docsify-katex -->
  <script src="//cdn.jsdelivr.net/npm/docsify-katex@latest/dist/docsify-katex.js"></script>
  <!-- or <script src="//cdn.jsdelivr.net/gh/upupming/docsify-katex@latest/dist/docsify-katex.js"></script> -->

  <!-- next page -->
  <script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
  
  <!-- prism: code highlight -->
  <!-- FIXME: makefile 的 highlight 有问题，与官方示例对不上 -->
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-c.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-cpp.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-shell-session.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-makefile.min.js"></script>

  <!-- word count -->
  <script src="//unpkg.com/docsify-count/dist/countable.js"></script>

  <!-- search plugin -->
  <script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>

</body>
</html>
